body,
html {
  background: #f4f3f4;
  height: hidden;
  height: 100%;
}

.content {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

@font-face {
  font-family: 'DIN-MediumItalic';
  src: url('./font/DIN-MediumItalic.ttf');
  font-style: normal;
}

.header .encyclopedias {}

.header {
  position: absolute;
  z-index: 30;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.2rem 0.2rem 0.2rem 0.3rem;
  width: 7.49rem;
}

.header img {
  height: 0.56rem;
  width: 0.56rem;
}

.header .input img {
  height: 0.44rem;
  width: 0.44rem;
}

.header .input {
  width: 6.35rem;
  height: 0.6rem;
  background: rgba(255, 255, 255, 1);
  border-radius: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.15rem 0.4rem;
}

.header .input .searchingIcon {
  margin-right: 0.2rem;
}

.header .input .clearSearching {
  border: 1px solid blue;
  display: none;
}

.header .input .searching {
  border: 0;
  background: transparent;
  outline: none;
  border: 0rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0.3rem;
}

/* ------------------------------------- */
.swiper-wrapper-banner {
  position: relative;
  z-index: 9;
  overflow: hidden;
  /* width: 100%;
  height: 1000px; */
  width: 7.49rem;
  height: 4.2rem;
}

.swiper-wrapper-banner .swiper-slide {
  /* width: 100%; */
  width: 7.49rem;
  height: 3.8rem;
  position: relative;
}

.swiper-wrapper-banner .swiper-slide img {
  position: absolute;
  /* width: 100%; */
  width: 7.49rem;
  height: 3.8rem;
}

.swiper-wrapper-banner .swiper-slide .tradeName {
  position: absolute;
  font-size: 0.52rem;
  font-weight: bold;
  color: rgba(215, 156, 70, 1);
  top: 1.3rem;
  left: 0.64rem;
  letter-spacing: 0.03rem;
}

.swiper-wrapper-banner .swiper-slide .selection {
  letter-spacing: 0.03rem;
  position: absolute;
  font-size: 0.52rem;
  font-weight: bold;
  color: rgba(215, 156, 70, 1);
  top: 1.93rem;
  left: 0.64rem;
}

.swiper-wrapper-banner .swiper-slide .bannerBtn1 {
  /* min-width:1.44rem; */
  /* padding: 0.06rem 0.09rem 0.06rem 0.11rem; */
  /* border-radius:0.1rem; */
  /* font-size:0.24rem; */
  /* background: transparent; */
  /* padding: 0.07rem 0.15rem 0.07rem 0.18rem; */
  position: absolute;
  font-size: 0.24rem;
  color: rgba(1, 1, 1, 1);
  top: 2.79rem;
  left: 0.64rem;
  min-width: 1.6rem;
  height: 0.4rem;
  background: rgba(215, 156, 70, 1);
  border-radius: 0.4rem;
}

.swiper-pagination-bullet-active {
  width: 0.24rem;
  height: 0.08rem;
  background: rgba(255, 255, 255, 1);
  border-radius: 0.03rem;
}

.swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 0.32rem !important;
}

.rollingNotification {
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: white;
  /* height: 180px;
  padding: 0.05rem;
  padding-right: 0; */
}

.rollingNotification img {
  /* height: 100%; */
  height: 0.46rem;
  /* margin-right: 0.06rem; */
}

.rollingNotification .rollingContainer {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}

.rollingNotificationHome img {
  height: 0.44rem;
  width: 0.44rem;
  margin-left: 0.16rem;
}

.rollingNotificationHome {
  margin: 0rem 0.3rem;
  position: relative;
  top: -0.18rem;
  width: 6.96rem;
  height: 0.58rem;
  background: rgba(255, 255, 255, 1);
  -webkit-box-shadow: 0rem 0rem 0.09rem 0.01rem rgba(153, 153, 153, 0.15);
  box-shadow: 0rem 0rem 0.09rem 0.01rem rgba(153, 153, 153, 0.15);
  border-radius: 0.1rem;
}

.rollingNotificationHome .activityDetails {
  position: relative;
  z-index: 33;
  background: rgba(238, 238, 238, 1);
  -webkit-box-shadow: 0rem 0rem 0.09rem 0.01rem rgba(109, 109, 109, 0.15);
  box-shadow: 0rem 0rem 0.09rem 0.01rem rgba(109, 109, 109, 0.15);
  border-radius: 50%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: rgba(102, 102, 102, 1);
  font-weight: 400;
  /* min-width: 350px;
  min-height: 350px;
  font-size: 0.12rem;
  margin-left: 0.06rem;
  right: -0.01rem;
  */
  margin-left: 0.06rem;
  margin-right: -0.06rem;
  font-size: 0.26rem;
  min-height: 1rem;
  min-width: 1rem;
}

.rollingNotification .rollingContainer .rollingContent {
  white-space: nowrap;
  color: #D3141C;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-animation: move var(--duration) linear infinite;
  animation: move var(--duration) linear infinite;
  /* height: 100%; */
  /* font-size: 50px; */
  /* font-size:0.24rem; */
  font-size: 0.26rem;
}

@-webkit-keyframes move {
  0% {
    -webkit-transform: translateX(var(--fatherWidth));
    transform: translateX(var(--fatherWidth));
  }

  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes move {
  0% {
    -webkit-transform: translateX(var(--fatherWidth));
    transform: translateX(var(--fatherWidth));
  }

  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

/* ------------------------------------- */
.details {
  position: relative;
  top: -0.18rem;
  width: 7.5rem;
  padding: 0 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* .details .topDetailsContent {
  border-radius: 0.06rem 0.06rem 0 0;
  background: gray;
  padding: 60px;
}
.details .topDetailsContent p {
  font-size: 0.12rem;
  text-align: right;
  color: white;
}
.details .topDetailsContent p img {
  vertical-align: middle;
  margin-top: -0.025rem;
  height: 80px;
}

.topRanking img {
  height: 160px;
}
.topRanking {
  height: 500px;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}
.topRanking li {
  font-size: 0.14rem;
  line-height: 0.22rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.topRanking li:nth-child(2) {
  align-self: flex-start;
} */

.surplusRanking {}

.surplusRanking li {
  -webkit-box-shadow: 0rem 0rem 0.09rem 0.01rem rgba(153, 153, 153, 0.15);
  box-shadow: 0rem 0rem 0.09rem 0.01rem rgba(153, 153, 153, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: white;
  /* width: 100%;
  font-size: 0.14rem;
  padding: 100px;
  margin-top: 20px;
  margin-bottom: 50px;
  border-radius: 0.84rem; */
  margin: 0.3rem;
  border-radius: 0.84rem;
  padding: 0 0.26rem 0 0.16rem;
  width: 6.9rem;
  height: 1.68rem;
}

.surplusRanking .surplusRankingLeft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* max-width: 1550px; */
  /* flex: 60%; */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.index {
  /* width: 100px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 0.6rem;
}

.indexBg {
  color: #c5002d;
  font-family: 'DIN-MediumItalic';
  font-size: 0.4rem;
  /* font-weight: 300; */
  /* transform: scale(0.8); */
  position: relative;
  z-index: 11;
}

.indexBg::after {
  content: '';
  position: absolute;
  background: #ff875a;
  border-radius: 50%;
  width: 0.18rem;
  height: 0.18rem;
  bottom: 0.01rem;
  z-index: -1;
  right: 27%;
}

.indexBg1 {
  color: #999999;
  font-family: 'DIN-MediumItalic';
  font-size: 0.4rem;
  /* font-weight: 300; */
  /* transform: scale(0.8); */
  position: relative;
  z-index: 11;
}

.indexBg1::after {
  content: '';
  position: absolute;
  background: #D4D4D4;
  border-radius: 50%;
  width: 0.18rem;
  height: 0.18rem;
  bottom: 0.01rem;
  z-index: -1;
  right: 27%;
}

.surplusRanking .surplusRankingLeft .index img {
  border: none;
  /* height: 170px; */
  height: 0.6rem;
  width: 0.6rem;
}

.surplusRanking .surplusRankingLeft .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  /* width: 500px;
  font-size: 80px; */
  font-size: 0.32rem;
  /* min-width:1.26rem; */
  width: 1.9rem;
  /* word-break:break-all;  */
  /* width: 2.5rem;
  white-space: nowrap;
  overflow: hidden; */
}

.surplusRanking .surplusRankingLeft .info p:nth-child(1) {
  width: 2.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.surplusRanking .surplusRankingLeft .info p:nth-child(2) {
  font-size: 0.24rem;
  font-weight: 500;
  color: rgba(102, 102, 102, 1);
}

.surplusRankingLeft .logoImages {
  margin: 0.14rem;
  height: 0.92rem;
  width: 1.76rem;
  position: relative;
  /* border: 1px solid #E5E5E5; */
  border-color: #E5E5E5;
  border-radius: 0.05rem;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.surplusRankingLeft .logoImages :nth-child(1) {
  /* height: 230px; */
  /* width:1.76rem; */
  position: absolute;
  max-width: 1.43rem;
  max-height: 0.7rem;
  width: 100%;
}

.surplusRankingLeft .logoImages :nth-child(2) {
  position: absolute;
  border: none;
  height: 0.44rem;
  width: 0.44rem;
  bottom: -0.19rem;
  right: -0.22rem;
}

.surplusRankingLeft .logoImages1 {
  position: absolute;
  max-width: 1.43rem;
  max-height: 0.7rem;
  width: 100%;
}

.surplusRankingLeft .logoImages2 {
  position: absolute;
  border: none;
  height: 0.44rem;
  width: 0.44rem;
  bottom: -0.19rem;
  right: -0.22rem;
}

.surplusRanking .surplusRankingRight {
  /* padding-left: 100px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  /* width: 900px; */
}

/* -------------------------------------------------------------------------- */
.surplusRankingInfo {}

.surplusRankingInfo li {
  width: 6.9rem;
  height: 2.38rem;
  padding: 0.25rem 0.19rem 0.25rem 0.45rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(255, 255, 255, 1);
  -webkit-box-shadow: 0rem 0rem 0.09rem 0.01rem rgba(153, 153, 153, 0.15);
  box-shadow: 0rem 0rem 0.09rem 0.01rem rgba(153, 153, 153, 0.15);
  border-radius: 0.1rem;
  margin: 0.3rem;
}

.surplusRankingInfo .surplusRankingInfoLeft {
  font-family: PingFang-SC-Bold;
  border-right: rgba(181, 139, 86, .8) solid 0.02rem;
  padding-right: 0.45rem;
  height: 1.88rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.surplusRankingInfo .logoImages {
  width: 1.76rem;
  height: 0.92rem;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(0, 0, 0, 1);
  border-radius: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.surplusRankingInfo .logoImages :nth-child(1) {
  border: 1px solid #000000;
  border-radius: 0.05rem;
  height: 80%;
  max-height: 0.67rem;
}

.surplusRankingInfo .surplusRankingInfoLeft :nth-child(2) {
  height: 0.29rem;
  font-size: 0.3rem;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}

.surplusRankingInfo .surplusRankingInfoRight {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0.45rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.surplusRankingInfo .surplusRankingInfoRight .insideLeft {
  position: relative;
  height: 100%;
}

.surplusRankingInfo .surplusRankingInfoRight .insideLeft p {
  font-size: 0.26rem;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 3.12rem;
}

.surplusRankingInfo .surplusRankingInfoRight .insideRight {
  width: auto;
  -ms-flex-item-align: start;
  align-self: flex-start;
  position: relative;
}

.surplusRankingInfo .surplusRankingInfoRight .index {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.surplusRankingInfo .surplusRankingInfoRight .index::after {
  right: 0;
}

/* -------------------------------------------------------------------------- */
.contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column-reverse !important;
  align-items: center;
  height: auto;
  overflow: hidden;
  position: fixed;
  background: transparent;
  bottom: 0.98rem;
  right: 0;
  z-index: 33 !important;
}

.contact .common img {
  height: 1.34rem !important;
}

.contact .common {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  min-height: 1.34rem !important;
}

/* -------------------------------------------------------------------------- */

.footer {
  width: 7.49rem;
  padding: 0.1rem;
  text-align: center;
  font-size: 0.3rem;
}

/* -------------------------------------------------------------------------- */

.dialog {
  display: none;
  position: fixed;
  /* top: 0; */
  /* z-index: 36; */
  /* margin: auto;
  left: 0;
  right: 0; */
  /* top: 26%; */
  /* z-index: 33; */
  /* width: 80%; */
  /* width: 6rem;
  padding: 0.33rem; */
  border-radius: 0.2rem;
}

.dialog .top {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.3rem;
  /* font-weight:bold; */
  color: rgba(51, 51, 51, 1);
}

.bottomClose {
  width: 0.46rem;
  height: 0.46rem;
  margin-top: 0.36rem;
}

.dialog .top div,
.dialog .top img {
  width: 0.37rem;
}

.wxDialog {
  margin: auto;
  width: 4rem;
  height: 1.66rem;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 33;
  /* top: 26%; */
  background: white;
  font-size: 0.26rem;
  border-radius: 0.06rem;
}

.telDialog {
  z-index: 33;
  margin: auto;
  width: 4rem;
  height: 1.66rem;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  border-radius: 0.16rem;
}

.telDialog p,
.telDialog .top,
.telDialog .bottom .btn {
  padding: 0.1rem;
  font-size: 0.14rem;
}

.telDialog p {
  font-size: 0.14rem;
  text-align: center;
}

.telDialog .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.telDialog .bottom .btn:nth-child(1) {
  border-right: 0.01rem solid #c5c5c5;
}

.telDialog .bottom .btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  border-top: 0.01rem solid #c5c5c5;
}

/* -------------------------------------------------------------------------- */

.voteDialog {
  width: 100%;
  height: 100%;
  z-index: 36;
  top: 0;
}

.voteDialog .mark {
  position: fixed;
  bottom: 0;
  width: 7.5rem;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.voteDialog .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 6rem;
  padding: 0.33rem 0.31rem;
  background: white;
  border-radius: 0.2rem;
}

.voteDialog .container .codeContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.voteDialog .container .codeContainer .code img {
  max-width: 1.58rem;
}

.voteDialog p {
  font-size: 0.28rem;
  margin: 0.1rem;
  color: #666666
}

/* .voteDialog #voteDialog0,
.voteDialog #voteDialog1,
.voteDialog #voteDialog2,
.voteDialog #voteDialog3 {
  display: block;
} */
.voteDialog .voteLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.1rem;
}

.voteDialog .voteLogo img {
  /* height: 300px; */
  width: 2.34rem;
  height: 1.24rem;
  border-radius: 0.1rem;
}

.successInfo {
  text-align: center;
}

.successInfoCount {
  min-width: 2.62rem;
  height: 1rem;
  padding: 0 0.56rem;
  color: #79693E;
  margin: 0.31rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.6rem;
}

.voteDialog .voteLogo p {
  font-size: 0.26rem;
}

.voteDialog .code {
  height: 0.68rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.voteDialog .fixedWidthCode input {
  width: 2.76rem !important;
}

.voteDialog .fixedWidthCode .getUrl {
  width: 1.58rem !important;
}

.voteDialog .code input {
  font-size: 0.28rem;
  border: none;
  background: #EBEBEB;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 3.51rem;
  padding: 0.1rem;
}

.voteDialog .code .getUrl {
  background: #E2C87B;
  color: white;
  max-width: 6rem;
  padding: 0rem 0.1rem;
  border-left: none;
  /* width: 40%; */
  width: 1.56rem;
  font-size: 0.28rem;
}

.voteDialog .code img {
  height: 100%;
}

.voteDialog .validationTip {
  font-size: 0.24rem;
  height: 0.23rem;
  width: 100%;
  text-align: left;
  margin: 0.25rem 0 0 0;
}

.voteDialog .validationTip img {
  height: 0.32rem;
  vertical-align: middle;
}

.voteDialog .validationTipSuccess,
.voteDialog .validationTipError {}

.voteDialog .validationTipError {
  color: #CF141B;
}

.voteButton {
  border: 0.01rem solid rgba(211, 20, 28, 1);
  color: rgba(211, 20, 28, 1);
  border-radius: 0.55rem;
  padding: 0.3rem 1rem;
  background: transparent;
  padding: 0.1rem;
  margin: 0.45rem auto;
  /* width: 1200px;
    font-size: 80px;
  */
  font-size: 0.3rem;
  height: 0.7rem;
  width: 2.32rem;
}

.freeButton {
  margin: 0rem auto;
  padding: 0rem;
  width: 2.36rem;
  height: 0.58rem;
  border-radius: 0.28rem;
  position: absolute;
  bottom: 0;
}

.voteFillButton {
  color: white;
  background: #CF141B;
}

.voteButtonDisabled {
  color: rgba(129, 129, 129, 1);
  background: rgba(172, 172, 172, 1);
}

#voteDialog0,
#voteDialog1,
#voteDialog2,
#voteDialog3 {
  display: none;
}

.voteBtn {
  border: 0.01rem solid rgba(211, 20, 28, 1);
  color: rgba(211, 20, 28, 1);
  border-radius: 0.55rem;
  background: transparent;
  /* font-size: 0.12rem;
  padding: 30px 100px; */
  width: 1.28rem;
  height: 0.58rem;
  font-size: 0.26rem
}

.voteFillBtn {
  background: rgba(211, 20, 28, 1);
  color: white;
  border-radius: 0.55rem;
  width: 1.28rem;
  height: 0.58rem;
  font-size: 0.26rem
}


.activityDetailsDialog {
  width: 7.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  position: fixed;
  z-index: 100;
}

.activityDetailsDialog .mark {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.activityDetailsDialog .mark .bottomClose {
  width: 0.46rem;
  height: 0.46rem;
  margin-top: 0.94rem;
}

.activityDetailsDialog .container {
  position: relative;
  height: 6.6rem;
  width: 5.2rem;
}

.activityDetailsDialog .container .industry {
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 1.28rem;
  width: 4.5rem;
  text-align: center;
  font-size: 0.48rem;
  font-weight: bold;
  color: rgba(254, 254, 254, 1);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.activityDetailsDialog .container .dateRange {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  margin: auto;
  top: 3.47rem;
  min-width: 0.5rem;
  text-align: center;
  font-size: 0.26rem;
  font-weight: 400;
  color: rgba(238, 219, 142, 1);
}

.activityDetailsDialog .container .bgImg {
  position: absolute;
  width: 100%;
  height: 100%;
}

.activityDetailsDialog .container .bgBottomImg {
  width: 7.02rem;
  height: 2.73rem;
  position: absolute;
  bottom: -0.57rem;
  left: -0.6rem;
}



.voteSuccessToast .content {
  width: 3rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  font-size: 0.28rem;
  font-weight: bold;
}